import { NgModule } from "@angular/core";
import { Routes, RouterModule } from "@angular/router";
import {
  TestTable2Component,
  TestTableComponent,
  TestDropdownMenuComponent,
  TestTreeComponent,
  TestMenuComponent,
  TestLayout1Component,
  TestLayoutComponent,
  TestGridComponent,
  TestButtonComponent,
  TestIconComponent
} from "./step01/step01.module";

import { FullscreenOverlayContainer } from "@angular/cdk/overlay";

import { TestForm1Component } from "./step02/step02.module";

const routes: Routes = [
  { path: "to-test-form-1", component: TestForm1Component },
  { path: "to-test-table-2", component: TestTable2Component },
  { path: "to-test-table", component: TestTableComponent },
  { path: "to-dropdown-menu", component: TestDropdownMenuComponent },
  { path: "to-tree", component: TestTreeComponent },
  { path: "to-menu", component: TestMenuComponent },
  { path: "to-layout-1", component: TestLayout1Component },
  { path: "to-layout", component: TestLayoutComponent },
  { path: "to-grid", component: TestGridComponent },
  { path: "to-button", component: TestButtonComponent },
  { path: "to-icon", component: TestIconComponent },
  { path: "", redirectTo: "/to-button", pathMatch: "full" }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule {}
